<template>
  <section class="page">
 <div>
    <div class="w-title">{{this.applicationForm.tableHeader.title}}</div>
    <div class="horizontal-direction" style="margin-bottom: 15px;"><div class="horizontal-box">申请单位：<span>{{this.applicationForm.tableHeader.company}}</span></div><div class="horizontal-box">销毁单号：<span>{{this.applicationForm.tableHeader.oddNumbers}}</div></div>
    <div class="horizontal-direction" style="margin-bottom: 15px;"><div class="horizontal-box">申请人员：<span>{{this.applicationForm.tableHeader.lastUserNm}}</span></div><div class="horizontal-box">申请日期：<span>{{this.applicationForm.tableHeader.time}}</div></div>
    <div class="horizontal-direction" style="margin-bottom: 15px;"><div class="horizontal-box">销毁原因：<span>{{this.applicationForm.tableHeader.reason}}</span></div></div>
    <div>
      <table cellspacing="0" cellpadding="0" border="1" class="el-table__header main-table" style="width: 100%;margin-bottom: 3em;">
      <thead class="has-gutter">
        <tr class="text-center">
          <th><div>物品编码</div></th>
          <th><div>物品名称</div></th>
          <th><div>单位</div></th>
          <th><div>鞋款</div></th>
          <th><div>订单</div></th>
          <th><div>销毁数量</div></th>
          <th><div>销毁单位</div></th>  
          <th><div>备注</div></th>
        </tr>
      </thead>
      <tbody>
        <template v-for="(item, index) in this.propsForm.detailList">
          <tr class="text-left" :key="index+'only'">
            <td><div>{{item?item.partNo:""}}</div></td>
            <td><div>{{item?item.pmatNm:""}}</div></td>
            <td><div class="text-center">{{item?item.unitUm:""}}</div></td>
            <td><div>{{item?item.prodNo:""}}</div></td>
            <td><div>{{item?item.sdId:""}}</div></td>
            <td><div class="text-center">{{item?item.destoryQty:""}}</div></td>
            <td><div>{{item?item.deptName:""}}</div></td>
            <td><div class="text-center">{{item?item.noteD:""}}</div></td>
          </tr>
        </template>
      </tbody>
    </table>
    </div>
    <!-- <div class="base-stamp">
      <table cellspacing="0" cellpadding="0" border="0" class="el-table__header table-flow">
      <thead class="has-gutter">
        <tr class="text-left">
          <th><div class="examine-cell">签核角色</div></th>
          <th><div class="examine-cell">签核人员</div></th>
          <th><div class="examine-cell">签核状况</div></th>
          <th><div class="examine-cell">签核时间</div></th>
        </tr>
      </thead>
      <tbody>
      <template >
        <tr class="text-left" v-for="(item, index) in applicationForm.qhChkmgrdList" :key="index">
          <td><div>{{item.flowDesc}}</div></td>
          <td><div>{{item.toUserCname}}</div></td>
          <td><div>{{item.chkStatusName}}</div></td>
          <td><div>{{item.chkDate}}</div></td>
        </tr>
      </template>
      </tbody>
    </table>
      <div  class="stamp"><img src="/febs/images/a.gif"></div>
  </div>
  <div class="horizontal-direction horizontal-sign"><div class="text-left">总经理签核:</div><div class="sign"></div></div> -->
</div>
  </section>
</template>

<script>
module.exports = {
   props: {
    propsForm: {
      type: Object,
      required: true,
    },
  },
 data() {
       return {
          applicationForm: {
            tableHeader: {
              title: "", //销 毁 单 名-3
              company: "", //申 请 单 位
              oddNumbers: "", //销 毁 单 号
              lastUserNm: "", //申 请 人 员23
              time: "", //申 请 时 间
              reason: "", //销 毁 原 因
              destoryQtyAmounts: 0, //总计-2
            },
          },
        };
      },
      mounted() {
              this.applicationForm.tableHeader.title = this.propsForm.title; //销 毁 单 名-3
              this.applicationForm.tableHeader.company =this.propsForm.wcName; //申 请 单 位
              this.applicationForm.tableHeader.oddNumbers = this.propsForm.destoryNo; //销 毁 单 号
              this.applicationForm.tableHeader.lastUserNm = this.propsForm.lastUserNm; //申 请 人 员23
              this.applicationForm.tableHeader.time =this.propsForm.destoryDate.substring(0, 10); //申 请 时 间
              this.applicationForm.tableHeader.reason = this.propsForm.note; //销 毁 原 因
              this.applicationForm.tableHeader.destoryQtyAmounts = this.propsForm.destoryQtyAmounts; //总计-2
  },
};

</script>

<style>
.page {
  margin: auto;
  width: 100%;
  max-width: 297mm;
}
</style>